iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
自我挑戰組

轉職仔與JavaScript的初次相遇系列 第 27

JavaScript的Class(類別) - Day26

  • 分享至 

  • xImage
  •  

前言

今天會針對Syntax sugar以及JavaScript Class語法進行近一步解釋

說明

首先Class算是Constructor function的『語法糖』
什麼是語法糖(syntax sugar)呢?
語法糖指的是一種語法上的改進或簡化,使得程式碼更易於閱讀、更易於理解,但在底層仍然執行相同的操作。
只是提供了更方便的方式來編寫程式碼。

Class底層仍然是透過Constructor function運作著

那再來看一下實際Class例子

class Name{
  constructor(firstName, lastName, age){
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
  intro(){
    console.log(this.firstName + ' 今年' + this.age + '歲')
  }
}

// 藉由Name class,新增變數jeremy
let jeremy = new Name('jeremy', 'hung', 27);
jeremy.intro(); //jeremy 今年27歲

藉由class語法,我們無需在prototype物件上定義Method,只需要在class body 裡定義即可


上一篇
JavaScript的Class繼承 - Day27
下一篇
JavaScript的Class Static語法 - Day28
系列文
轉職仔與JavaScript的初次相遇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言